<template>
<div>


    <mt-button type="danger" size="large" icon="back" @click="show">default</mt-button>
    				<button type="button" class="mui-btn mui-btn-warning">
					黄色
				</button>

    <h1>这是通过login.vue创建的组件{{msg}}</h1>

    <router-link to="/account">acccount</router-link>
    <router-link to="/mount">mount</router-link>
    <router-view></router-view>
</div>
</template>
<script>
import { Toast } from 'mint-ui';
// export default 向外暴露这个对象
    export default {
        // 注意： 在组件中data必须是方法而不是对象，data内数据是return 对象类型的
      data() {
          return {
              msg: '123',
              toast: null
          }
      },
      created() {
          this.getdate();
      }
      ,
        methods: {
            getdate() {
                this.show();

                // setTimeout()表示几秒后去执行
                // setInterval() 表示每个几秒去执行
                setTimeout(() =>{
                  this.toast.close();
                },5000)
            },
            show() {
                // Toast 有返回值
             this.toast = Toast({
                    message: 'Upload Complete',
                    position: 'top',
                    duration: -1,
                    iconClass: 'glyphicon glyphicon-cloud'
                });
            }
        }

    }
</script>

<style >

</style>